<template>
	<div id="collection">
		<div class="collection">
			<h2>我的收藏</h2>
			<p class="col_t"><a class="selected" href="javascript:;">资产</a><a href="javascript:;">新闻</a></p>
			<div class="collect_cont">
				<colList></colList>
			</div>
		</div>
	</div>
</template>
<script>
	import * as list from "./list/main";
	export default {
		name: "collection",
		components: {
			colList: list.list
		}
	}
</script>
<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../public/css/variable.less';	
	.collection{
		background: #fff;
		padding: 40px;
		box-sizing: border-box;
		.bdr(5px);
		height: 673px;
		min-height: 673px;
		h2{
			background: url(../../../public/images/head_bg.png) repeat-x left bottom;
			color: #514a4a;
			padding-bottom: 12px;
			.fonts(18px);
			margin-bottom: 50px;
		} 
		.col_t{
			margin-bottom: -2px;
			a{
				display: inline-block;
			    color: #5d5f63;
			    font-size: 18px;
			    padding: 10px 40px;
			    margin-right: -4px;
			    border: 1px solid transparent;
				&.selected{
					background: @cw;
				    color: #d8b26a;
				    border-color: #f4f5f6;
				    border-bottom: 0;
				    border-top: 2px solid #d8b26a;
				}
		    }
		}
		.collect_cont{
			padding: 25px 40px 60px;
		    box-sizing: border-box;
		    border: 1px solid #f4f5f6;
		}
	}
	
</style>